<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script type="text/javascript" src="../helper.js"></script>
</head>
<body>
  <style type="text/css">
    #test1 {
      position: absolute;
      width: 200px;
      background: red;
    }

    #test1 div {
      border: 1px solid black;
      margin: 2px;
    }
  </style>

  <div id="test1">
    <div id="test2">hello2</div>
    <div id="test3">hello3</div>
    <div id="test4">hello4</div>
  </div>

  <br/>
  <br/>
  <br/>
  <br/>
  <br/>

  <a href="javascript:window.APPLICATION.set0()">Set Clip 0</a>|
  <a href="javascript:window.APPLICATION.set1()">Set Clip 1</a>
  <a href="javascript:window.APPLICATION.set2()">Set Clip 2</a>
  <a href="javascript:window.APPLICATION.set3()">Set Clip 3</a>
  <a href="javascript:window.APPLICATION.set4()">Set Clip 4</a>|
  <a href="javascript:window.APPLICATION.reset()">Reset Clip</a>

  <div id="test"></div>
</body>
</html>
